<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <title></title>

    <link href="lib/ionic/css/ionic.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

    <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
    <link href="css/ionic.app.css" rel="stylesheet">
    -->

    <!-- ionic/angularjs js -->
    <script src="lib/ionic/js/ionic.bundle.js"></script>
    <script src="lib/moment/moment.js"></script>
    <script src="lib/moment-timezone/builds/moment-timezone-with-data.js"></script>
    <script src="lib/suncalc/suncalc.js"></script>

    <!-- cordova script (this will be a 404 during development) -->
    <script src="cordova.js"></script>

    <!-- your app's js -->
    <script src="js/app.js"></script>
    <script src="views/search/search.js"></script>
    <script src="views/settings/settings.js"></script>
    <script src="views/weather/weather.js"></script>
  </head>
  <body ng-app="App">
    <!--侧滑-->
    <ion-side-menus>
      <!--中间内容-->
      <ion-side-menu-content>
        <!--导航条-->
        <ion-nav-bar class="bar-positive">
          <!--导航条上的按钮-->
          <ion-nav-buttons side="left">
            <button class="button button-clear" menu-toggle="left">
              <span class="icon ion-navicon"></span>
            </button>
          </ion-nav-buttons>
        </ion-nav-bar>
        <!--导航的视图-->
        <ion-nav-view></ion-nav-view>
      </ion-side-menu-content>

      <!--左侧的菜单-->
      <ion-side-menu side="left" ng-controller="LeftMenuController">
       <!--页眉-->
        <ion-header-bar class="bar-dark">
          <h1 class="title">My Weather</h1>
        </ion-header-bar>
        <!--内容-->
        <ion-content>
          <!--列表-->
          <ion-list>
            <!--列表项-->
            <ion-item class="item-icon-left" ui-sref="search" menu-close><span class="icon ion-search"></span> Find a City</ion-item>
            <ion-item class="item-icon-left" ui-sref="settings" menu-close><span class="icon ion-ios-cog"></span> Settings</ion-item>
            <ion-item class="item-divider">Favorites</ion-item>
            <ion-item class="item-icon-left" ui-sref="weather({city: location.city, lat: location.lat, lng: location.lng})" 
            menu-close ng-repeat="location in locations"><span class="icon ion-ios-location"></span> {{location.city}}</ion-item>
          </ion-list>
        </ion-content>
      </ion-side-menu>
      
    </ion-side-menus>
  </body>
</html>
